<!DOCTYPE HTML>
<html>
	<head>
		<title>RFTennis | 首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
		<script type="text/javascript" src="./jquery/jquery.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$(".dropdown img.flag").addClass("flagvisibility");

				$(".dropdown dt a").click(function() {
					$(".dropdown dd ul").toggle();
				});

				$(".dropdown dd ul li a").click(function() {
					var text = $(this).html();
					$(".dropdown dt a span").html(text);
					$(".dropdown dd ul").hide();
					$("#result").html("Selected value is: " + getSelectedValue("sample"));
				});

				function getSelectedValue(id) {
					return $("#" + id).find("dt a span.value").html();
				}

				$(document).bind('click', function(e) {
					var $clicked = $(e.target);
					if (!$clicked.parents().hasClass("dropdown"))
						$(".dropdown dd ul").hide();
				});


				$("#flagSwitcher").click(function() {
					$(".dropdown img.flag").toggleClass("flagvisibility");
				});
			});
		</script>
		<!-- start menu -->
		<link href="./css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
		<script type="text/javascript" src="./js/megamenu.js"></script>
		<script>
			$(document).ready(function() {
				$(".megamenu").megamenu();
			});
		</script>
		<!-- end menu -->
		<!-- top scrolling -->
		<script type="text/javascript" src="./js/move-top.js"></script>
		<script type="text/javascript" src="./js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1200);
				});
			});
		</script>
	</head>
	<body>
		<div class="header-top">
			<div class="wrap">
				<div class="logo">
					<a href="index.html"><img src="./images/logo.png" alt="" /></a>
				</div>
				<div class="cssmenu">
					<ul>
						<li class="active"><a href="login.html">登录/注册</a></li>
						<li><a href="">订单管理</a></li>
						<li><a href="shoppingcart.html">购物车</a></li>
						<li><a href="">个人中心</a></li>
					</ul>
				</div>

				<div class="clear"></div>
			</div>
		</div>
		<div class="header-bottom">
			<div class="wrap">
				<!-- start header menu -->
				<ul class="megamenu skyblue">
					<li><a class="color1" href="#">首页</a></li>
					<li class="grid"><a class="color2" href="#">网球</a>
					</li>
					<li class="active grid"><a class="color4" href="#">网球拍</a>

					</li>
					<li><a class="color5" href="#">网球服装</a>

					</li>
					<li><a class="color6" href="#">网球配件</a>

					</li>
					<div class="h_search">
						<form>
							<input type="text" value="">
							<input type="submit" value="">
						</form>
					</div>
				</ul>
				<div class="clear"></div>
			</div>
		</div>
		<div class="index-banner">
			<div class="wmuSlider example1" style="height: 560px;">
				<!-- 轮播图片 -->
				<div class="wmuSliderWrapper">
					<article style="position: relative; width: 100%; opacity: 1;">
						<div class="banner-wrap">
							<div class="slider-left">
								<img src="./images/banner1.jpg" alt="" />
							</div>
							<div class="slider-right">
								<h1>Classic</h1>
								<h2>White</h2>
								<p>Lorem ipsum dolor sit amet</p>
								<div class="btn"><a href="">立即购买</a></div>
							</div>
							<div class="clear"></div>
						</div>
					</article>
					<article style="position: absolute; width: 100%; opacity: 0;">
						<div class="banner-wrap">
							<div class="slider-left">
								<img src="./images/banner2.jpg" alt="" />
							</div>
							<div class="slider-right">
								<h1>Classic</h1>
								<h2>White</h2>
								<p>Lorem ipsum dolor sit amet</p>
								<div class="btn"><a href="">立即购买</a></div>
							</div>
							<div class="clear"></div>
						</div>
					</article>
					<article style="position: absolute; width: 100%; opacity: 0;">
						<div class="banner-wrap">
							<div class="slider-left">
								<img src="./images/banner1.jpg" alt="" />
							</div>
							<div class="slider-right">
								<h1>Classic</h1>
								<h2>White</h2>
								<p>Lorem ipsum dolor sit amet</p>
								<div class="btn"><a href="">立即购买</a></div>
							</div>
							<div class="clear"></div>
						</div>
					</article>
					<article style="position: absolute; width: 100%; opacity: 0;">
						<div class="banner-wrap">
							<div class="slider-left">
								<img src="./images/banner2.jpg" alt="" />
							</div>
							<div class="slider-right">
								<h1>Classic</h1>
								<h2>White</h2>
								<p>Lorem ipsum dolor sit amet</p>
								<div class="btn"><a href="">立即购买</a></div>
							</div>
							<div class="clear"></div>
						</div>
					</article>
					<article style="position: absolute; width: 100%; opacity: 0;">
						<div class="banner-wrap">
							<div class="slider-left">
								<img src="./images/banner1.jpg" alt="" />
							</div>
							<div class="slider-right">
								<h1>Classic</h1>
								<h2>White</h2>
								<p>Lorem ipsum dolor sit amet</p>
								<div class="btn"><a href="">立即购买</a></div>
							</div>
							<div class="clear"></div>
						</div>
					</article>
				</div>
				<!-- 轮播图插件 -->
				<a class="wmuSliderPrev">Previous</a><a class="wmuSliderNext">Next</a>
				<ul class="wmuSliderPagination">
					<li><a href="#" class="">0</a></li>
					<li><a href="#" class="">1</a></li>
					<li><a href="#" class="wmuActive">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
				</ul>
				<a class="wmuSliderPrev">Previous</a><a class="wmuSliderNext">Next</a>
				<ul class="wmuSliderPagination">
					<li><a href="#" class="wmuActive">0</a></li>
					<li><a href="#" class="">1</a></li>
					<li><a href="#" class="">2</a></li>
					<li><a href="#" class="">3</a></li>
					<li><a href="#" class="">4</a></li>
				</ul>
			</div>

		</div>

		<!-- 新品 -->
		<div class="main">
			<div class="wrap">
				<h2 class="head">新 品 区</h2>
				<div class="content-bottom">
					<div class="box1">
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic1.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic2.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="clear"></div>
					</div>
					<div class="box1">
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic3.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic4.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic5.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>

		<!-- 男子 -->
		<div class="main">
			<div class="wrap">
				<h2 class="head">男 子 区</h2>
				<div class="content-bottom">
					<div class="box1">
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic1.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic2.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="clear"></div>
					</div>
					<div class="box1">
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic3.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic4.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic5.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>

		<!-- 女子 -->
		<div class="main">
			<div class="wrap">
				<h2 class="head">女 子 区</h2>
				<div class="content-bottom">
					<div class="box1">
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic1.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic2.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="clear"></div>
					</div>
					<div class="box1">
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic3.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic4.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="col_1_of_3 span_1_of_3"><a href="single.html">
								<div class="view view-fifth">
									<div class="top_box">
										<h3 class="m_1">Lorem ipsum dolor sit amet</h3>
										<p class="m_2">Lorem ipsum</p>
										<div class="grid_img">
											<div class="css3"><img src="./images/pic5.jpg" alt="" /></div>
											<div class="mask">
												<div class="info">查看详情</div>
											</div>
										</div>
										<div class="price">￥1312</div>
									</div>
								</div>
								<span class="rating">
									<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1">
									<label for="rating-input-1-5" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1">
									<label for="rating-input-1-4" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1">
									<label for="rating-input-1-3" class="rating-star1"></label>
									<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1">
									<label for="rating-input-1-2" class="rating-star"></label>
									<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1">
									<label for="rating-input-1-1" class="rating-star"></label>&nbsp;
									(45)
								</span>
								<ul class="list">
									<li>
										<img src="./images/plus.png" alt="" />
										<ul class="icon1 sub-icon1 profile_img">
											<li><a class="active-icon c1" href="#">立即购买 </a>
												<ul class="sub-icon1 list">
													<li>
														<h3>sed diam nonummy</h3><a href=""></a>
													</li>
													<li>
														<p>Lorem ipsum dolor sit amet, consectetuer <a href="">adipiscing elit, sed diam</a></p>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
								<div class="clear"></div>
							</a></div>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>

		<!-- 底部 -->
		<div class="footer">
			<div class="footer-top">
				<div class="wrap">
					<div class="col_1_of_footer-top span_1_of_footer-top">
						<ul class="f_list">
							<li><img src="./images/f_icon.png" alt="" /><span class="delivery">Free delivery on all orders over £100*</span></li>
						</ul>
					</div>
					<div class="col_1_of_footer-top span_1_of_footer-top">
						<ul class="f_list">
							<li><img src="./images/f_icon1.png" alt="" /><span class="delivery">Customer Service :<span class="orange">
										(800) 000-2587 (freephone)</span></span></li>
						</ul>
					</div>
					<div class="col_1_of_footer-top span_1_of_footer-top">
						<ul class="f_list">
							<li><img src="./images/f_icon2.png" alt="" /><span class="delivery">Fast delivery & free returns</span></li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="footer-middle">
				<div class="wrap">
					<div class="section group">


						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="footer-bottom">
				<div class="wrap">
					<div class="section group">
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球</h3>
							<ul class="sub_list">
								<!-- <h4 class="m_10">首页</h4>
								<li><a href="">网球</a></li> -->
							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球拍</h3>
							<ul class="list1">
								<li><a href="">Basketball</a></li>

							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球服装</h3>
							<ul class="list1">
								<li><a href="">Originals Shoes</a></li>

							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">网球配件</h3>
							<ul class="list1">
								<li><a href="">Shirts</a></li>
								<li><a href="">Pants & Tights</a></li>
								<li><a href="">Shirts</a></li>
							</ul>
						</div>
						<div class="col_1_of_5 span_1_of_5">
							<h3 class="m_9">关于我们</h3>
							<ul class="list1">
								<li><a href="">联系电话：</a></li>
								<li><a href="">地址：</a></li>
							</ul>
						</div>

						<div class="clear"></div>
					</div>
				</div>
			</div>
			<div class="copy">
				<div class="wrap">
					<p>© 2019 | RFTennis &nbsp;</a></p>
				</div>
			</div>
		</div>
		<script src="./jquery/jquery.wmuSlider.js"></script>
		<!-- <script type="text/javascript" src="./js/modernizr.custom.min.js"></script> -->
		<script type="text/javascript" src="./js/modernizr-custom-v2.7.1.min.js"></script>
		<script>
			$('.example1').wmuSlider();         
		</script>
		<script type="text/javascript">
			$(document).ready(function() {

				var defaults = {
					containerID: 'toTop', // fading element id
					containerHoverID: 'toTopHover', // fading element hover id
					scrollSpeed: 1200,
					easingType: 'linear'
				};


				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>
		<a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
	</body>
</html>
